<template>
    <div style="text-align: center;background-color: white">
        <div style="font-size: 25px;font-weight: bold;color: #00d1b2">出勤统计</div>
        <br>
        <ve-bar :data="chartData"></ve-bar>
        <ve-radar :data="chartData"></ve-radar>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                chartData: {
                    // columns: ['用户', '迟到次数','早退次数'],
                    columns: [],
                    rows: [
                        // { '日期': '1/1', '访问用户': 1393 },
                        // { '日期': '1/2', '访问用户': 3530 },
                        // { '日期': '1/3', '访问用户': 2923 },
                        // { '日期': '1/4', '访问用户': 1723 },
                        // { '日期': '1/5', '访问用户': 3792 },
                        // { '日期': '1/6', '访问用户': 4593 }
                    ]
                }
            }
        }, methods: {
            init() {
                this.$axios.get('/record/charts').then(res => {
                    this.chartData = res.data
                })
            }
        }, created() {
            this.init()
        }
    }
</script>
